﻿@*@{
    ViewBag.Title = "Quản lý tin nhắn";
    Layout = "~/Areas/UserCP/Views/Shared/_Layout.cshtml";
}*@
<div class="tab-content">
    <div class="tab-pane active" id="tab_1_1">
        <div class="row inbox">
            <div class="col-md-2">
                <ul class="inbox-nav margin-bottom-10">
                    <li class="compose-btn"><a href="javascript:;" data-title="Compose" class="btn green">
                        <i class="fa fa-edit"></i>Compose </a></li>
                    <li class="inbox active"><a href="javascript:;" class="btn" data-title="Inbox">Inbox(3)
                    </a><b></b></li>
                    <li class="sent"><a class="btn" href="javascript:;" data-title="Sent">Sent </a><b></b>
                    </li>
                    <li class="draft"><a class="btn" href="javascript:;" data-title="Draft">Draft </a><b>
                    </b></li>
                    <li class="trash"><a class="btn" href="javascript:;" data-title="Trash">Trash </a><b>
                    </b></li>
                </ul>
            </div>
            <div class="col-md-6">
                <div class="inbox-header">
                    <h1 class="pull-left">
                        Inbox</h1>
                    <form class="form-inline pull-right" action="index.html">
                    <div class="input-group input-medium">
                        <input type="text" class="form-control" placeholder="Password">
                        <span class="input-group-btn">
                            <button type="submit" class="btn green">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
                    </div>
                    </form>
                </div>
                <div class="inbox-loading">
                    Loading...
                </div>
                <div class="inbox-content">
                    <table class="table table-striped table-advance table-hover">
                        <thead>
                            <tr>
                                <th colspan="3">
                                    <input type="checkbox" class="mail-checkbox mail-group-checkbox">
                                    <div class="btn-group">
                                        <a class="btn btn-sm blue" href="#" data-toggle="dropdown">More <i class="fa fa-angle-down">
                                        </i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#"><i class="fa fa-pencil"></i>Mark as Read </a></li>
                                            <li><a href="#"><i class="fa fa-ban"></i>Spam </a></li>
                                            <li class="divider"></li>
                                            <li><a href="#"><i class="fa fa-trash-o"></i>Delete </a></li>
                                        </ul>
                                    </div>
                                </th>
                                <th class="pagination-control" colspan="3">
                                    <span class="pagination-info">1-30 of 789 </span><a class="btn btn-sm blue"><i class="fa fa-angle-left">
                                    </i></a><a class="btn btn-sm blue"><i class="fa fa-angle-right"></i></a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="unread" data-messageid="1">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    Petronas IT
                                </td>
                                <td class="view-message ">
                                    New server for datacenter needed
                                </td>
                                <td class="view-message inbox-small-cells">
                                    <i class="fa fa-paperclip"></i>
                                </td>
                                <td class="view-message text-right">
                                    16:30 PM
                                </td>
                            </tr>
                            <tr class="unread" data-messageid="2">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    Daniel Wong
                                </td>
                                <td class="view-message">
                                    Please help us on customization of new secure server
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="3">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="4">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    Facebook
                                </td>
                                <td class="view-message">
                                    Dolor sit amet, consectetuer adipiscing
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 14
                                </td>
                            </tr>
                            <tr data-messageid="5">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star inbox-started"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="6">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star inbox-started"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    Facebook
                                </td>
                                <td class="view-message">
                                    Dolor sit amet, consectetuer adipiscing
                                </td>
                                <td class="view-message inbox-small-cells">
                                    <i class="fa fa-paperclip"></i>
                                </td>
                                <td class="view-message text-right">
                                    March 14
                                </td>
                            </tr>
                            <tr data-messageid="7">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star inbox-started"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                    <i class="fa fa-paperclip"></i>
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="8">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    Facebook
                                </td>
                                <td class="view-message view-message">
                                    Dolor sit amet, consectetuer adipiscing
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 14
                                </td>
                            </tr>
                            <tr data-messageid="9">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="10">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    Facebook
                                </td>
                                <td class="view-message view-message">
                                    Dolor sit amet, consectetuer adipiscing
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 14
                                </td>
                            </tr>
                            <tr data-messageid="11">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star inbox-started"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="12">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star inbox-started"></i>
                                </td>
                                <td class="hidden-xs">
                                    Facebook
                                </td>
                                <td class="view-message">
                                    Dolor sit amet, consectetuer adipiscing
                                </td>
                                <td class="view-message inbox-small-cells">
                                    <i class="fa fa-paperclip"></i>
                                </td>
                                <td class="view-message text-right">
                                    March 14
                                </td>
                            </tr>
                            <tr data-messageid="13">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                    <i class="fa fa-paperclip"></i>
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="14">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="hidden-xs">
                                    Facebook
                                </td>
                                <td class="view-message view-message">
                                    Dolor sit amet, consectetuer adipiscing
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 14
                                </td>
                            </tr>
                            <tr data-messageid="15">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="16">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    Facebook
                                </td>
                                <td class="view-message">
                                    Dolor sit amet, consectetuer adipiscing
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 14
                                </td>
                            </tr>
                            <tr data-messageid="17">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star inbox-started"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                            <tr data-messageid="18">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    Facebook
                                </td>
                                <td class="view-message view-message">
                                    Dolor sit amet, consectetuer adipiscing
                                </td>
                                <td class="view-message inbox-small-cells">
                                    <i class="fa fa-paperclip"></i>
                                </td>
                                <td class="view-message text-right">
                                    March 14
                                </td>
                            </tr>
                            <tr data-messageid="19">
                                <td class="inbox-small-cells">
                                    <input type="checkbox" class="mail-checkbox">
                                </td>
                                <td class="inbox-small-cells">
                                    <i class="fa fa-star"></i>
                                </td>
                                <td class="view-message hidden-xs">
                                    John Doe
                                </td>
                                <td class="view-message">
                                    Lorem ipsum dolor sit amet
                                </td>
                                <td class="view-message inbox-small-cells">
                                    <i class="fa fa-paperclip"></i>
                                </td>
                                <td class="view-message text-right">
                                    March 15
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-4">
                <div class="inbox-loading">
                    Loading...
                </div>
                <div class="inbox-detail">
                </div>
            </div>
        </div>
    </div>
</div>
